<template>
  <view class="content pd-20">
    <view class="list-block pd-20">
      <u-grid :border="false">
        <u-grid-item :customStyle="{padding: '30rpx 0'}" @click="routeByUrl('/safetyProductionResponsibilitySystem/securityOrganizationManagement/index')">
          <img class="icon-img" src="./image/securityOrganizationManagement.png" alt="">
          <text class="item-title mt-20">安全组织管理</text>
        </u-grid-item>
        <u-grid-item :customStyle="{padding: '30rpx 0'}" @click="routeByUrl('/safetyProductionResponsibilitySystem/personnelFiles/index')">
          <img class="icon-img" src="./image/personnelFile.png" alt="">
          <text class="item-title mt-20">人员档案</text>
        </u-grid-item>
        <u-grid-item :customStyle="{padding: '30rpx 0'}" @click="routeByUrl('/safetyProductionResponsibilitySystem/safetyProductionResponsibilities/index')">
          <img class="icon-img" src="./image/responsibility.png" alt="">
          <text class="item-title mt-20">安全生产职责</text>
        </u-grid-item>
      </u-grid>
    </view>
  </view>
</template>

<script>
  export default {
    /**
     * 定义数据
     */
    data() {
      return {
      }
    },

    /**
     * 定义方法
     */
    methods: {
      /* 跳转页面 */
      routeByUrl: function(url) {
        uni.navigateTo({ url })
      }
    }
  }
</script>

<style>
  page {
    background-color: #EFEFEF;
  }
</style>

<style lang="scss" scoped>
  .content {
    .list-block {
      .icon-img {
        width: 50rpx;
        height: 50rpx;
      }

      min-height: 327rpx;
      background-color: #FFFFFF;
      border-radius: 10rpx;
      .item-icon-block {
        width: 120rpx;
        height: 120rpx;
        border-radius: 10rpx;
        box-shadow: 10rpx 10rpx 10rpx rgba(102, 102, 102, 0.3);
        display: flex;
        align-items: center;
        justify-content: center;
        .item-icon {
          width: 66rpx;
          height: 66rpx;
        }
      }
      .item-title {
        font-size: 28rpx;
        line-height: 40rpx;
        color: #333333;
      }
    }
  }
</style>